<link rel="stylesheet" href="../src/css/pages/templateList.css">
<div class="fmp-container">
    <div class="container-fluid">

        <div class="row hidden" id="filter-title-area">
            <div class="col-sm-2 filter-word">
                {{i18n-filter}}
            </div>
            <div class="col-sm-2 div-filter">
                <span style="background-image:url(imgs/list-manager-config.png);background-position:-18px 0;background-repeat:no-repeat;display:block;height:20px;width:18px;" title="{{i18n-filter}}"></span>
            </div>
        </div>
        <div class="row" id="search-area" style="padding-bottom: 20px;margin-top: 20px;">
            <div class="col-sm-2 no-margin"  style="width:auto">
                <a href="javascript:void(0)" class="btn btn-primary btn-sm" id="add-template-btn">
                    {{i18n-uploadTemplate}}
                </a>
            </div>
            <div class="col-sm-2 div-element hidden">
                <i class="glyphicon glyphicon-menu-hamburger"></i>
                <a href="#!elementList" class="go-element">
                    {{i18n-enterElement}}
                </a>
            </div>
            <div class="col-sm-2 div-filter">
                <span style="background-image:url(imgs/list-manager-config.png);background-position:-18px 0;background-repeat:no-repeat;display:block;height:20px;width:18px;" title="{{i18n-filter}}"></span>
            </div>
            <div class="ndp-search-wrapper" name="templatePlain" style="float:right;right:30px"></div>
        </div>
        <div class="template-table">
            <!--列表：开始-->
            <table class="smart-form" list-manager="templateList">
                <thead>
                <tr>
                    <th th-name="createTime" width="12%" sorting="1">{{i18n-createTime}}</th>
                    <th th-name="smallPic" width="15%">{{i18n-thumbnails}}</th>
                    <th th-name="name" width="20%">{{i18n-name}}</th>
                    <th th-name="creativeType" width="10%">{{i18n-creativeType}}</th>
                    <th th-name="element" width="10%">{{i18n-elementTitle}}</th>
                    <th th-name="brand" width="10%">{{i18n-brandTitle}}</th>
                    <th th-name="operation">{{i18n-operate}}</th>
                </tr>
                </thead>
                <tbody id="template-grid">
                </tbody>
            </table>
            <!--列表：结束-->
        </div>

        <!-- filter panel -->
        <div id="filter" class="hidden">
            <div class="filter-wrapper">
                <div class="row" >
                    <div class="filter-title">{{i18n-templateStatus}}:</div>
                    <div class="filter-body">
                        <input type="checkbox" name="templateStatus" id="templateStatus1" value="0" class="form-input" >
                        <label for="templateStatus1">
                        <span class="checkbox-mark"></span>
                            {{i18n-unPublish}}
                        </label>
                        <input type="checkbox" name="templateStatus" id="templateStatus2" value="1" class="form-input" >
                        <label for="templateStatus2">
                        <span class="checkbox-mark"></span>
                            {{i18n-unused}}
                        </label>
                        <input type="checkbox" name="templateStatus" id="templateStatus3" value="2" class="form-input" >
                        <label for="templateStatus3">
                        <span class="checkbox-mark"></span>
                            {{i18n-used}}
                        </label>
                    </div>
                </div>
                <div id="dynamic-filter">

                </div>

            </div>
            <div class="filter-foot">
                <div style="float: right;">
                    <button naem="ok" class="btn btn-primary btn-filter-ok">{{i18n-confirm}}</button>
                    <button name="cancel" class="btn btn-outline">{{i18n-cancel}}</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" role="dialog" id="upload-template-dialog"></div>

<div id="del-modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{{i18n-templateDelete}}</h4>
            </div>
            <div class="modal-body">
                <p style="font-size:16px;">{{i18n-confirmDelete}}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" confirm>{{i18n-confirm}}</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
    </div>
</div>


